﻿<!DOCTYPE html>
<html>
  <head>
    <title>视频播放器 Video Players</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/______video_players/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/______video_players/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u12224" class="ax_default" data-label="背景">
        <div id="u12224_state0" class="panel_state" data-label="State1" style="">
          <div id="u12224_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u12225" class="ax_default" data-label="线条">
        <div id="u12225_state0" class="panel_state" data-label="State1" style="">
          <div id="u12225_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12226" class="ax_default _默认样式">
        <div id="u12226_div" class=""></div>
        <div id="u12226_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12227" class="ax_default _默认样式">
        <div id="u12227_div" class=""></div>
        <div id="u12227_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u12229" class="ax_default _默认样式">
        <img id="u12229_img" class="img " src="images/___icons/u605.png"/>
        <div id="u12229_text" class="text ">
          <p><span>Copyright © </span><a id="u12230" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12231" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u12232" class="ax_default _默认样式">
          <div id="u12232_div" class=""></div>
          <div id="u12232_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">提供了两套视频播放器组件静态示例，相关图标和元素都可以编辑，可根据需要调整尺寸或扩展相关的交互事件。第三个视频播放器是外链至优酷的播放器。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12233" class="ax_default _默认样式">
          <div id="u12233_div" class=""></div>
          <div id="u12233_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Inline Frame) -->
      <div id="u12234" class="ax_default">
        <iframe id="u12234_input" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u12235" class="ax_default image">
        <img id="u12235_img" class="img " src="images/______video_players/u12235.jpg"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12236" class="ax_default" data-left="20" data-top="240" data-width="1100" data-height="620">

        <!-- Unnamed (Rectangle) -->
        <div id="u12237" class="ax_default _默认样式">
          <div id="u12237_div" class=""></div>
          <div id="u12237_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u12238" class="ax_default" data-left="20" data-top="797" data-width="1100" data-height="63">

          <!-- Unnamed (Rectangle) -->
          <div id="u12239" class="ax_default _默认样式">
            <div id="u12239_div" class=""></div>
            <div id="u12239_text" class="text ">
              <p><span>01:15 / 02:30</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12240" class="ax_default _默认样式">
            <div id="u12240_div" class=""></div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u12241" class="ax_default" data-left="875" data-top="835" data-width="100" data-height="5">

            <!-- Unnamed (Rectangle) -->
            <div id="u12242" class="ax_default _默认样式">
              <div id="u12242_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12243" class="ax_default _默认样式">
              <div id="u12243_div" class=""></div>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12244" class="ax_default _默认样式">
            <div id="u12244_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12245" class="ax_default _默认样式">
            <div id="u12245_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12246" class="ax_default _默认样式">
            <div id="u12246_div" class=""></div>
            <div id="u12246_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12247" class="ax_default _默认样式">
            <div id="u12247_div" class=""></div>
            <div id="u12247_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12248" class="ax_default _默认样式">
            <div id="u12248_div" class=""></div>
            <div id="u12248_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12249" class="ax_default _默认样式">
            <div id="u12249_div" class=""></div>
            <div id="u12249_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12250" class="ax_default _默认样式">
            <div id="u12250_div" class=""></div>
            <div id="u12250_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12251" class="ax_default _默认样式">
            <div id="u12251_div" class=""></div>
            <div id="u12251_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u12252" class="ax_default image">
        <img id="u12252_img" class="img " src="images/______video_players/u12252.jpg"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12253" class="ax_default" data-left="20" data-top="910" data-width="1100" data-height="619">

        <!-- Unnamed (Rectangle) -->
        <div id="u12254" class="ax_default _默认样式">
          <div id="u12254_div" class=""></div>
          <div id="u12254_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u12255" class="ax_default" data-left="120" data-top="1420" data-width="900" data-height="46">

          <!-- Unnamed (Rectangle) -->
          <div id="u12256" class="ax_default _默认样式">
            <div id="u12256_div" class=""></div>
            <div id="u12256_text" class="text ">
              <p><span>01:15 / 02:30</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12257" class="ax_default _默认样式">
            <div id="u12257_div" class=""></div>
            <div id="u12257_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12258" class="ax_default _默认样式">
            <div id="u12258_div" class=""></div>
            <div id="u12258_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12259" class="ax_default _默认样式">
            <div id="u12259_div" class=""></div>
            <div id="u12259_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12260" class="ax_default _默认样式">
            <div id="u12260_div" class=""></div>
            <div id="u12260_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12261" class="ax_default _默认样式">
            <div id="u12261_div" class=""></div>
            <div id="u12261_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12262" class="ax_default _默认样式">
            <div id="u12262_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12263" class="ax_default _默认样式">
            <div id="u12263_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12264" class="ax_default _默认样式">
            <div id="u12264_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12265" class="ax_default _默认样式">
            <div id="u12265_div" class=""></div>
            <div id="u12265_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
